.youliang{
    margin-left: 10px;
}
.margin-left4{
    margin-right: 100px;
}
.page-container {
    display: flex;
    height: 100vh; /* 视口高度，确保占满整个视口 */
    width: 100%; /* 占满页面宽度 */
}
.van-color-text-secondary{
    margin-left: -100px;
}

.text-box-container {
    width: 90%;
    max-width: 600px;
    margin: 15px 0; /* 上下外边距为 50px，左右为 0 */
    border: 1px solid #ccc; /* 添加 1px 的灰色边框 */
    padding: 20px; /* 为元素内部添加一些内边距，使其内容不会贴边 */
    border-radius: 10px; /* 为边框添加圆角，使其更美观 */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* 添加一个淡淡的阴影效果 */
}

.van-text-box__cover {
    border-radius: 10px;
    width: 100px; /* 固定图片宽度 */
    height: 100px; /* 固定图片高度 */
    object-fit: cover; /* 保持图片比例并裁剪 */
}
/* 遮罩层样式 */
.mask {
    width: 100%;
    height: 100px;
    position: fixed;
    z-index: 10; /* 确保在其他元素之上 */
}
.mask-content {
    background-color: white;
    padding: 20px;
    width: 100%;
    height: 50px;
}